@charset "UTF-8";

/*产品详情页面-布局*/



.detail-box { margin-top:30px;}
.detail-box .sidebar-start { width: 180px;}
.detail-box .container { margin-left: -180px;}
.detail-box .content,.detail-box .container-inner{ margin-left:200px;}


/*面包屑*/
.crumbs{height: 60px;line-height: 60px;border-bottom: 1px solid #eaeaea;}
.crumbs a{ color: #000;}
.crumbs span{ color: #9e9e9e;}

/*图片展示组件-放大镜效果*/
/* Hide from IE Mac */
.clearfix{display:block;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0;cursor:pointer;margin:0;display:block;}
.zoomdiv{z-index:110;position:absolute;top:0;left:0;margin-top:-1px;width:400px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{ width:400px;height:400px;border:1px solid #ddd;}
.spec-preview .jqzoom img{ width: 400px;height: 400px;}

.scroll-with-thumb{ width: 402px;margin-top:5px;overflow: hidden;}
.scroll-with-thumb .prev{left:0;}
.scroll-with-thumb .next{right:0;}
.scroll-with-thumb .prev,.scroll-with-thumb .next{position: absolute;bottom:0;display:block;font-family:"宋体";text-align:center;width:12px;height:70px; line-height:70px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}

.scroll-with-thumb .scrollcon{ margin: 0 17px;height: 72px;position: relative;overflow: hidden;}
.scroll-with-thumb .scrolllist{position:absolute;height:70px;}
.scroll-with-thumb .scrolllist li{ width: 70px;height: 70px;border:1px solid #ddd;margin-right: 2px;}
.scroll-with-thumb .scrolllist img{width:70px;height:70px;}
.scroll-with-thumb .scrolllist li:hover,.scroll-with-thumb .scrolllist li.cur{ border:1px solid #FF6600;}
.scroll-with-thumb .scrollnav{ display: none;}

.fly-img{ display: block;width: 50px;height: 50px;border-radius: 50px;position: fixed;z-index: 9999;}

/*图片右侧文字*/
.goods-detail{ margin-top:24px;}
.goods-detail .show-pic{ float: left;margin-right: 14px;}
.goods-detail .show-params{ float: left;width: 430px;padding-right: 200px;}
.show-params .flag{ margin-bottom:24px;}
.show-params .flag img{ height: 38px;width: auto;margin-right: 12px;}
.show-params .flag .small{ width: 350px;font-size: 12px;color: #9e9e9e;line-height: 19px;}
.show-params .icon-flag1 { padding-top: 2px;font-size: 13px;color: #fff;text-align: center;}
.show-params .des-param{ width:430px;}
.show-params .des-param .goods-name{ font-size: 20px;color: #ff7800;text-align: left;font-weight: 700;}
.show-params .des-param .goods-sub-name{ display: block;font-size: 20px;width: 100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.show-params .des-param .des{margin: 10px 0;font-size: 12px;color: #000;line-height: 22px;}
.show-params .des-param .price { position: relative;background-color: #fbfafa;margin-bottom:10px;padding:10px 10px;height: 48px;width:590px;line-height: 48px;}
.show-params .des-param .tip-discount { cursor: pointer;background-color: #ff7800;border-radius: 1px;color: #fff;height: 16px;line-height: 16px;margin: 0 2px 4px 6px;padding: 1px 5px;position: relative;}
.show-params .des-param .tip-discount s { position: absolute;width: 0;display: block;font-size: 0;left: -4px;bottom: 0;height: 0;border: 3px solid #ff7800;border-color: transparent #ff7800 #ff7800 transparent;}

.show-params .des-param .num{ margin-left: 6px;font-size: 36px;color:#ff7800;vertical-align: middle;}
.show-params .more-param li{ margin-bottom: 4px;height: 24px;line-height: 24px;}
.show-params .activity { padding-left: 10px;}
.show-params .more-param { padding-left: 10px;}

.show-params .num-tool{ vertical-align: middle;}

.show-params .warning-tip{ width: 260px;top:-16px;left: 0;border-radius: 0;z-index: 1;}
.show-params .warning-tip .LJ-box{ top:50%;margin-top: -6px;left: -7px;}
.show-params .warning-tip .LJ-box .J{border-width: 6px;}
.show-params .warning-tip .bl-tip-con{ padding: 4px 4px 0;font-size: 12px;}
.show-params .warning-tip .bl-tip-box{ width: 400px;}
.show-params .bl-tip-con li{ height: auto;line-height: 1.5;}
.show-params .warning-tip .warning-more{ cursor: pointer;}
.show-params .warning-tip .more-tip-btn:hover .bl-tip-box{ display: block;top:20px;left: -180px;}
.show-params .bl-tip-con .bl-tip-con{ padding: 10px;}

/*属性选择*/
.show-params .more-param li.sel-list { width:610px;height: auto;margin-bottom: 20px;}
.sel-list { margin-top: 20px;padding-top: 10px;border-top: 1px dashed #ddd;}
.sel-list .list-tags { width: 500px;margin-left: 20px;vertical-align: middle;}
.sel-list .list-tags li { position: relative;padding: 5px 12px;border: 1px solid #ccc;cursor:pointer;height: auto;line-height: 16px;}
.sel-list .list-tags .icon { display: none;position: absolute;right: 0;bottom:0;background: url(../../images/right.png) right bottom no-repeat transparent;width: 11px;height: 11px;}
.sel-list .list-tags li:hover,
.sel-list .list-tags li.on{ padding: 4px 11px;border:2px solid #ff7800;}
.sel-list .list-tags li.on .icon { display: block;}
.sel-list .list-tags .disabled { border-style:dashed;}
.sel-list .list-tags .disabled:hover { padding: 5px 12px;border-width: 1px;}




.show-params .buy-btn { height: 40px;line-height: 40px;padding:0 36px;background-color: #ffe7d1;font-size:20px;color: #f77400;font-weight: 700;border:2px solid #ff7800; }
.show-params .cart-btn { height: 40px;line-height: 40px;padding:0 14px;background-color: #ff7800;font-size:20px;color: #fff;font-weight: 700;border:2px solid #ff7800; }
.show-params .buy-btn:hover{ border-color:#f45803;color:#f45803;}
.show-params .cart-btn:hover{ background: #f45803;border-color:#f45803;}
.show-params .fav-btn{ margin-left: 6px;}
.show-params .fav-btn .icon{ height: 20px;margin-right: 2px;}
.show-params .fav-btn:hover .icon{ background-position: -56px -68px;}

.show-params .show-score{ padding-bottom: 10px;border-bottom:1px dashed #ddd;}

/*不显示店铺*/
.show-params.hide-shop{ padding-right: 0;width: 630px;}
.show-params.hide-shop .des-param{ width: 610px;}
.show-params.hide-shop .flag .small{width: 480px;}

/*介绍及评论*/
.detail-box .bl-imglist-hor li{ padding-bottom:20px;width: 100%;}
.detail-box .bl-imglist-hor img{ width: 178px;height: 178px;}
.detail-box .bl-imglist-hor .con{ padding: 6px 0;width: 90%;margin: 0 auto;border-bottom: 1px solid #eee;}
.detail-box .bl-imglist-hor .no-brd{ border: 0;padding-bottom: 0;}
.detail-box .bl-imglist-hor .tit{ white-space: normal;line-height: 1.7;}

.detail-box .bl-tab .tab-head{ background-color: #f8f8f8;}
.detail-box .bl-tab .tab a{ min-width: 120px;}

/*商品详情*/
.detail-info .params{ padding: 20px;line-height: 1.75;}
.shop-step .step-tit{ background-color: #ff7800;height: 38px;line-height: 38px;text-indent: 2em;font-size: 20px;color: #fff;}
.shop-step ul{ padding: 28px 0;text-align: center;}
.shop-step ul li{ position: relative;}
.shop-step .arrow{ position: absolute;top:22px;right: -10px;}
.shop-step .info{ margin-top: 6px;font-size: 14px;}

.save-cols{ border:1px solid #ddd; border-left: 0;border-right: 0;}
.save-cols .inner-wrap{ padding: 24px 30px 80px;margin-bottom: -56px;border-right: 1px solid #ddd;line-height: 1.75;}
.save-cols .tit{ font-size: 20px;}
.save-cols .des{ color: #666;}

/*.detail-info .doc-pic img{ width: 100%;height: auto;}*/

/*声明*/
.buy-declare{ padding:30px 24px; color: #333;font-size: 14px;}
.buy-declare .declare-tit{ font-size: 16px;font-weight: 700;margin-left: 8px;}

/*评论*/

.comment-tj{ margin: 20px 0;padding-left: 20px;background-color: #ff7800;height: 50px;line-height: 50px;color: #fff;font-size: 14px;}
.comment-tj .score-tip{ font-size: 24px;font-weight: 700;}
.comment-tj .score-txt{ margin-right:20px;font-size: 14px;}
.com-filter{ background-color: #f8f8f8;padding: 20px;border:1px solid #ddd; border-left: 0;border-right: 0;}
.com-filter label{ margin-right: 50px;font-size: 14px;}
.com-filter label.cur{ color: #ff7800;}

.comment-list {border-bottom: 1px solid #ddd;}
.comment-list .item{ padding: 40px 0;border-bottom:1px solid #ddd;}
.comment-list .item:last-child{border-bottom: 0;}
.comment-list .l-con{ float:left;width: 640px;padding-right: 160px;padding-left: 22px;overflow: hidden;}
.comment-list .r-con{ float:left;width: 140px;margin-left: -120px;}
.comment-list p{margin-bottom: 6px;}
.comment-list .txt{ font-size: 14px;color: #666;line-height: 24px;word-break:break-all;}
.comment-list .bl-label{ padding: 2px 10px 0;margin-right: 10px;}
.comment-list .label-primary:hover{ background-color: #ff7800;}
.comment-list .more{ margin-right: 50px;color: #939393;}

.comment-list .pic-box{ margin: 20px 0;}
.comment-list .pic-box li{ float:left;margin-right: 12px;padding: 1px;border: 1px solid #ddd;overflow: hidden;cursor: pointer;}
.comment-list .pic-box li.cur{ border-color:#ff7800;}
.comment-list .pic-box li img{ width: 100%;height: auto;}

.comment-list .pic-box .preview-box{ display: none;position: relative;margin: 20px 0;width: 400px;min-height: 200px;border: 1px solid #ddd;}
.comment-list .pic-box .close{ display: none;background-color: #f9f9f9;position: absolute;top: 0;right: 0;width: 20px;height: 20px;
    line-height:20px;border:1px solid #ddd;border-right: 0;border-top:0;font-size: 24px;color: #333;text-align: center;cursor: pointer;}
.comment-list .pic-box .close:hover{ background-color: #ff7800;color:#fff; }
.comment-list .preview-box img{ width: 100%;}
.comment-list .preview-box:hover .close{ display: block;}
.comment-list .more-comment{ margin:20px; padding: 20px 160px 0 0;border-top:1px dashed #ddd;overflow: hidden;}
.comment-list .more-comment .label{ float: left;padding-bottom: 200px;margin-bottom: -200px;margin-right:20px;}

.comment-pager{ margin: 10px 0; padding-right: 10px; text-align: right;}
/*FAQ*/
.faq-h{ margin-top: 20px; background-color:#f8f8f8;padding-left: 22px;height: 66px;line-height: 66px;color: #333333;font-size: 20px;border-top: 1px solid #ddd;}
.faq-body{ padding: 24px 32px 0; line-height: 30px;border-top:1px solid #ddd;}
.faq-body.last{border-bottom: 1px solid #ddd;}
.faq-body .faq-q{ font-size: 16px;color:#333;}
.faq-body .faq-a{ margin-bottom:30px;font-size: 14px;color:#666;}
.faq-body .faq-a .link{ color: #008ef2;font-size: 14px;}

/*右侧浮动导航*/
.right-bar { position: absolute;top: 250px;left: 50%;margin-left: 550px;width: 40px;}
.right-bar.fix-bar{ position:fixed;top:100px;}
.right-bar ul{ background-color: #ff7800;border: 1px solid #ff7800;border-radius: 20px;text-align: center;}
.right-bar li{ position:relative;height: 30px;padding: 6px 3px;}
.right-bar .text {color: #fff;display: none;}
.right-bar li:hover i.icon { display: none;}
.right-bar li:hover .text { display: block;}
.right-bar .borb { background-color: #fff;width: 34px;left:2px;}
.right-bar .reset-skin{ background-color: #fff;}
.right-bar .reset-skin .borb{ background-color: #ff7800;}
.right-bar .reset-skin .text{ color: #ff7800;}
.right-bar .reset-skin:hover i.icon { display: inline-block;*display:block;zoom: 1;}

.right-bar .cart { margin-top:0; padding-top:20px;height: auto;border-radius: 20px 20px 0 0 ;}
.right-bar .cart .text{ font-size: 14px;padding: 4px 6px; display: inline-block;*display:block;zoom: 1;}
.right-bar .cart .cart-num{ color: #fff;line-height: 22px;font-size: 12px;}
.right-bar .go-top { border-radius: 0 0 20px 20px;}


/*快照*/
.snapshot{}
.snapshot .goods-name{ margin-bottom: 10px;font-size:18px;line-height: 50px; border-top:2px solid #ff7800;border-bottom:1px solid #ddd;}
.snapshot .img img{width: 300px;height: 300px;border:1px solid #ddd;}

.snapshot .params-wrap{ width: 500px;margin-left: 20px;}
.snapshot .params-wrap li { line-height:1.75;}


